<!doctype html>
<html>
	<head>
		<title>Post Image | Key Lime</title>
		<meta charset="utf-8">
		<meta name="description" content="Key Lime Responsive HTML5/CSS3 Template from angelostudio.net">
		<meta name="author" content="ANGELOSTUDIO.NET">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Merriweather:400,400italic,700italic" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/icons.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="shortcut icon" href="img/ico/32.png" sizes="32x32" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" href="img/ico/60.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/72.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/ico/120.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/ico/152.png" type="image/png"/>
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body id="home">
		<div id="menu" class="menu-right">
			<ul>
				<form class="menu-search" >
					<div class="form-group header">
						<i class="icon-search searchico"></i>
						<input type="text" placeholder="Blog Search">
						<a href="#" class="close-menu"><i class="icon-close"></i></a>
					</div>
				</form>
				<li><a href="index.html"><i class="icon-lime"></i>Home</a></li>
				<li><a href="about.html"><i class="icon-user"></i>About</a></li>
				<li class="submenu">
					<a href="#"><i class="icon-books"></i>Categories<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="category.html">Blogroll <span class="badge golden">2</span></a></li>
						<li><a href="category.html">Quotes<span class="badge">4</span></a></li>
						<li><a href="category.html">Travel<span class="badge red">12</span></a></li>
						<li><a href="category.html">Writing<span class="badge blue">7</span></a></li>
					</ul>		
				</li>
				<li class="submenu submenu-open">
					<a href="#"><i class="icon-file"></i>Pages<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="post-image.html">Post Image</a></li>
						<li><a href="post-audio.html">Post Audio</a></li>
						<li><a href="post-video.html">Post Video</a></li>						
						<li><a href="post-typography.html">Typography</a></li>
						<li><a href="author.html">Author</a></li>
						<li><a href="search.html">Search</a></li>
						<li><a href="404.html">404 Error</a></li>
					</ul>		
				</li>
				<li class="submenu">
					<a href="#"><i class="icon-calendar"></i>Archives <b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="archives.html">June<span>2014</span></a></li>
						<li><a href="archives.html">May<span>2014</span></a></li>
						<li><a href="archives.html">January<span>2014</span></a></li>
						<li><a href="archives.html">October<span>2013</span></a></li>
					</ul>	
				</li>
				<li><a href="contact.html"><i class="icon-envelope"></i>Contact</a></li>
			</ul>
		</div>
		<div id="wrap">
			<div id="main-nav" class="">
				<div class="container">
					<div class="nav-header">
							<a class="nav-brand" href="index.html"><i class="icon-lime"></i>Key Lime</a>
							<a class="menu-link nav-icon" href="#"><i class="icon-menu2"></i></a>
							<a class="btn btn-blog outline-white pull-right" href="#" data-toggle="modal" data-target="#loginModal">Login</a>
						</div>
				</div>
			</div>
					
			<section id="hero" class="light-typo">
				<div id="cover-image" class="image-bg5 animated fadeIn"></div>
				<div class="container welcome-content">
					<div class="middle-text">
						<h1>Every other day it's food, food, food.</h1>
						<h2>Blogroll</h2>
					</div>
				</div>
			</section>

			<section id="breadcrumb">
				<div class="container">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							<ol class="breadcrumb">
								<li><a href="index.html">Blog</a></li>
								<li><a href="#">Blogroll</a></li>
								<li class="active">Every other day it's food, food, food.</li>
							</ol>
						</div>
					</div>
				</div>
			</section>

			<div class="container content">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							
							<div class="post-date">
								May 20, 2014 | <a href="">Melissa Sing </a> <span><a href="">42 Comments</a></span>
							</div>		
	<!-- 						<h1>Post Image</h1> -->
							<div class="post-intro">I suppose I could part with 'one' and still be feared… I don't 'need' to drink. I can quit anytime I want! Oh, I think we should just stay friends. Noooooo! Five hours? Aw, man! Couldn't you just get me the death penalty?</div>
							<p>I usually try to keep my sadness pent up inside where it can fester quietly as a mental illness. Yep, I remember. They came in last at the Olympics, then retired to promote alcoholic beverages! I meant 'physically'. Look, perhaps you could let me work for a little food? I could clean the floors or paint a fence, or service you sexually? Now what? Hey, tell me something. You've got all this money. How come you always dress like you're doing your laundry? Oh, I think we should just stay friends.</p>

							<p>We'll need to have a look inside you with this camera. Hello, little man. I will destroy you! Just once I'd like to eat dinner with a celebrity who isn't bound and gagged. You guys realize you live in a sewer, right? Doomsday device? Ah, now the ball's in Farnsworth's court!</p>
							<img src="img/img3.jpg" class="img-responsive" alt="Leela, Bender, we're going grave robbing.">
							<p>Five hours? Aw, man! Couldn't you just get me the death penalty? Quite possible. We live long and are celebrated poopers. I was all of history's great robot actors - Acting Unit 0.8; Thespomat; David Duchovny! Calculon is gonna kill us and it's all everybody else's fault!</p>
							
							<div class="post-date">
								tags | <a href="">JavaScript</a> , <a href="">jQuery</a> , <a href="">Angular</a> 
								<span>

								</span>
							</div>
								<ul class="social-links outline text-center">
										<li><a href="#link"><i class="icon-twitter"></i></a></li>
										<li><a href="#link"><i class="icon-facebook"></i></a></li>
										<li><a href="#link"><i class="icon-googleplus"></i></a></li>
									</ul>

							<div id="author" class="clearfix">
								<img class="img-circle" alt="" src="img/author-sing.jpg" height="96" width="96">
								<div class="author-info">
									<h3>Melissa Sing</h3>
									<p>If rubbin' frozen dirt in your crotch is wrong, hey I don't wanna be right. You can follow her on <a href="">Twitter</a>.</p>
								</div>
							</div>

							<div class="post-popular">
								<div class="row hidden-xs">
									<div class="col-sm-4 col-md-4">	
										<a href="post-video.html"><img src="img/img2.jpg" class="img-responsive" alt="img2"></a>
										<h4 class="text-center"><a href="post-video.html">But I've never been to the moon!</a></h4>
										<p class="post-date text-center">MAY 10, 2014</p>
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-typography.html"><img  src="img/img1.jpg" class="img-responsive" alt="img1"></a>
										<h4 class="text-center"><a href="post-typography.html">We don't have a brig</a></h4>
										<p class="post-date text-center">september 27, 2014</p>
										
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-image.html"><img  src="img/img3.jpg" class="img-responsive" alt="img3"></a>
										<h4 class="text-center"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
										<p class="post-date text-center">april 2, 2014</p>
										
									</div>
								</div>
								<div class="row visible-xs">
									<div class="col-sm-12">
										<div class="media">
											<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
												<p class="post-date">may 10, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
												<p class="post-date">september 27, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
												<p class="post-date">april 2, 2014</p>
											</div>
										</div>
										
									</div>
								</div>
							</div>

							<h3>11 Comments</h3>	
							<div class="media">
								<hr>
								<a class="pull-left avatar" href="#">
									<img class="media-object img-circle" src="img/author-sing.jpg" width="40" height="40" alt="">
								</a>
								<div class="media-body">
									<h4 class="media-heading"><a href="">Melissa Sing</a><span>5h ago | <a href="#">REPLY</a></span></h4>
									<p>Good news, everyone! There's a report on TV with some very bad news! Daddy Bender, we're hungry. One hundred dollars. Leela, Bender, we're going grave robbing.</p>


									<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>17h ago | <a href="#">REPLY</a></span></h4>
											<p>Who am I making this out to? You're going back for the Countess, aren't you? Does anybody else feel jealous and aroused and worried? </p>
										</div>
									</div>


									<div class="media">
										<a class="pull-left avatar" href="#">
											 <img class="media-object img-circle" src="img/author-sans.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Dorin Sans</a><span>2d ago | <a href="#">REPLY</a></span></h4>
											<p>Fetal stemcells, aren't those controversial? Ven ve voke up, ve had zese wodies. You guys realize you live in a sewer, right? And why did 'I' have to take a cab? Why would I want to know that? Are you crazy? I can't swallow that.</p>
										</div>
									</div>
								</div>
								<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>3d ago | <a href="#">REPLY</a></span></h4>
											<p>It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years.  </p>
										</div>
									</div>
							</div>

							<div id="comments_pagination">
								<span class="page-numbers current">1</span>
								<a class="page-numbers" href="#">2</a>
								<a class="next page-numbers" href="#"><i class="icon-arrow-right2"></i></a>
							</div>
							
							<h3>Add a new comment</h3>
							<form action="index.html" method="post" novalidate class="myform" id="mycomment">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 wow fadeInUp" >
										<div class="form-group">
											<label class="control-label" for="contact-message">Join the discussion...</label>
											<div class="controls">
												<textarea name="comments" placeholder="Join the discussion..." class="form-control input-lg requiredField" rows="3" data-error-empty="Please enter comment"></textarea>
											</div>
										</div>
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Name</label>
													<div class="controls">
														<input name="contactName" placeholder="Name" class="form-control input-lg requiredField " type="text" data-error-empty="Please enter name">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label" for="contact-mail">Email</label>
													<div class=" controls">
														<input name="email" placeholder="Email" class="form-control input-lg requiredField" type="email" data-error-empty="Please enter email" data-error-invalid="Invalid email address">
													</div>
												</div>	
											</div>	
										</div>	
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Website</label>
													<div class="controls">
														<input name="contactName" placeholder="Website" class="form-control input-lg " type="text">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<button name="submit" type="submit" class="btn btn-block" data-error-message="Error!" data-sending-message="Sending..." data-ok-message="Comment Sent">Send Comment</button>
													<input type="hidden" name="submitted" id="submitted3" value="true">
												</div>	
											</div>	
										</div>	


									</div>
								</div>
							</form>

						</div>
					</div>
				</div>
				<footer>
					<div class="footer">
						<div class="container">
							<div class="row">
								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Statistics</h3>
									<span>We can't compete with Mom! Her company is big and evil! </span>
									<div class="stats">
										<div class="line">
											<span class="counter">27</span>
											<span class="caption">Articles</span>
										</div>
										<div class="line">
											<span class="counter">208</span>
											<span class="caption">Comments</span>
										</div>
										<div class="line">
											<span class="counter">2</span>
											<span class="caption">Authors</span>
										</div>                    
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Recent posts</h3>
									<div class="post-recent-widget">
										<div class="row">
											<div class="col-sm-12">
												<div class="media">
													<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
														<p class="post-date">may 10, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
														<p class="post-date">september 27, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
														<p class="post-date">april 2, 2014</p>
													</div>
												</div>
												
											</div>
										</div>
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget clearfix">
									<h3>Tags</h3>
									<ul class="tags">
										<li><a href="#">OpenPGP</a></li>
										<li><a href="#">Django</a></li>
										<li><a href="#">Bitcoin</a></li>
										<li><a href="#">Security</a></li>
										<li><a href="#">GNU/Linux</a></li>
										<li><a href="#">Git</a></li>
										<li><a href="#">Homebrew</a></li>
										<li><a href="#">Debian</a></li>                            
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="copyright">
						<div class="container">
							<p class="pull-left">Designed by <a href="http://angelostudio.net">Angelo Studio.</a></p>
							<ul class="social-links pull-right">
								<li><a href="#link"><i class="icon-twitter"></i></a></li>
								<li><a href="#link"><i class="icon-facebook"></i></a></li>
								<li><a href="#link"><i class="icon-googleplus"></i></a></li>
							</ul>
						</div>
					</div>
				</footer>
		</div>		

		<div class="modal fade login" id="loginModal" aria-hidden="true">
			  <div class="modal-dialog login">
				  <div class="modal-content">
					 <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						<h4 class="modal-title">Login with</h4>
					</div>
					<div class="modal-body">  
						<div class="box">
							<div class="form loginBox">
								<form class="myform" method="post" action="/login" accept-charset="UTF-8">
									<div class="form-group">
										<label class="control-label">Email</label>
										<div class="controls">
											<input id="email" class="form-control" type="text" placeholder="Email" name="email">
										</div>
									</div>
									<div class="form-group">
										<label class="control-label">password</label>
										<div class="controls">
											<input id="password" class="form-control" type="password" placeholder="Password" name="password">
										</div>
									</div>
									<p class="text-center"><a href="">Forgot password?</a></p>
									<input class="btn btn-block" type="button" value="Login" >
								</form>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<div class="forgot login-footer">
							<span>Looking to 
								 <a href="#">create an account</a>
							?</span>
						</div>
					</div>        
				  </div>
			  </div>
		  </div>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/placeholders.min.js"></script>
		<script type="text/javascript" src="js/wow.min.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script type="text/javascript" src="js/ga.js"></script>
	</body>
</html>